.top-con{
    position: relative;
    height: 35px;
    width: 100%;
    min-width: 1190px;
    line-height: 35px;
    border-bottom: 1px solid #eee;
    background: #f5f5f5;
    font-family: 'Microsoft Yahei',tahoma,arial,'Hiragino Sans GB'!important;
}

.top-wap{
    height: 35px;
    width: 1190px;
    margin: 0 auto;
    color: #666;
}


.top-left{
    display: flex;
    float: left;
    position: relative;
    width: 410px;
}

.top-left .box{
    padding: 0 10px;
    position: relative;
    cursor: pointer;
}

.top-left .box i{
    position: relative;
    bottom: -1px;
    font-size: 12px;
}

.top-left .box i::before{
    display: inline-block;
    transition: all .3s;
}

.top-left .menuBox .top-menu{
    position: absolute;
    width: 500px;
    height: 200px;
    background-color: #fff;
    left: 0;
    top: 35px;
    display: none;
    z-index: 999;
}

.top-left .menuBox.active{
    background-color: #fff;
    color : #F60;
}

.top-left .menuBox.active i::before{
    transform: rotate(180deg);
}

.top-left :hover{
    color: #F60;
}

.top-right :hover{
    color: #F60;
}

.top-right{
    display: flex;
    float: right;
    position: relative;
    width: 700px;
}

.top-right .box{
    padding: 0 10px;
    position: relative;
    right: 0;
    cursor: pointer;
}

.top-right .box i{
    position: relative;
    bottom: -1px;
    font-size: 12px;
}

.top-right .box i::before{
    display: inline-block;
    transition: all .3s;
}

.top-right .menuBox .top-menu{
    position: absolute;
    width: 300px;
    height: 200px;
    background-color: #fff;
    left: 0;
    top: 35px;
    display: none;
    z-index: 999;
}

.top-right .menuBox.active{
    background-color: #fff;
    color : #F60;
}

.top-right .menuBox.active i::before{
    transform: rotate(180deg);
}

.top-right .menuBox-right .top-menu-right{
    position: absolute;
    width: 300px;
    height: 200px;
    background-color: #fff;
    right: 0;
    top: 35px;
    display: none;
    z-index: 999;
}


.top-right .menuBox-right.active{
    background-color: #fff;
    color : #F60;
}

.top-right .menuBox-right.active i::before{
    transform: rotate(180deg);
}

.top-right .register , .shoppingCart{
    color: #F60;
}







